<template>
  <div class="home">
    <x-header :left-options="{showBack: false}" :title="title"></x-header>
    <group>
      <cell title="cell" value="hello" is-link></cell>
      <cell-box is-link>
        cell-box long {{phone | format('phone')}}
      </cell-box>
      <cell-box>
        cell-box hello
      </cell-box>
      <cell title="cell" value='aaa' is-link></cell>
    </group>
    <box gap="10px 10px">
      <x-button class="custom-primary-red" @click.native="toNext()">submit</x-button>
    </box>
  </div>
</template>

<script>
import { XHeader, Group, Cell, CellBox, XButton, Box } from "vux";
export default {
  data() {
    return {
      title: "首页",
      phone: '13999999999'
    };
  },
  components: {
    XHeader,
    Group,
    Cell,
    CellBox,
    XButton,
    Box
  },
  methods: {
    toNext() {
      this.$router.push("/home/homeInvest");
    }
  },
  mounted(){
    this.$http.post('/activity/getActivityFriendsUsers.dos',{}).then(res=>{
      console.log(res);
    })
  }
};
</script>

<style scoped lang="less">
.home {
  height: 100%;
}
</style>
